@include b(internal-message-container) {
  position: relative;

  @include m(clickable){
    cursor: pointer;
  }

  &:hover{
    .#{bem(internal-message-container-toolbar)}{
      display: block;
    }
  }

  @include e(unread-tag){
    position: absolute;
    top: 8px;
    right: 8px;
    display: none;
    align-self: flex-start;
    width: 10px;
    height: 10px;
    background-color: getCssVar(color, danger);
    border-radius: 50%;
  }

  @include e(click-tag){
    position: absolute;
    top: 50%;
    right: 4px;
    font-size: 18px;
    transform: translateY(-50%);
  }  

  @include m(unread){
    @include e(unread-tag){
      display: block;
    }

    &:hover{
      @include e(unread-tag){
        display: none;
      }
    }

  }

}

@include b(internal-message-container-toolbar) {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  padding: 8px;

  @include e(button){
    margin-left: 10px;
    cursor: pointer;

    &:hover{
      color: getCssVar(color,primary);
    }
  }
}